<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<c:set var="companyId" value="18" ></c:set>
<!DOCTYPE html>
<html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>phone</title>
       <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
       <!-- 删除苹果默认的工具栏和菜单栏 -->
       <meta name="apple-mobile-web-app-capable" content="yes" />
       <!-- 设置苹果工具栏颜色 -->
       <meta name="apple-mobile-web-app-status-bar-style" content="black" />
       <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
       <meta name="format-detection" content="telphone=no, email=no" />
       <!-- 启用360浏览器的极速模式(webkit) -->
       <meta name="renderer" content="webkit">
       <!-- 避免IE使用兼容模式 -->
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
       <meta name="HandheldFriendly" content="true">
       <!-- 微软的老式浏览器 -->
       <meta name="MobileOptimized" content="320">
       <!-- uc强制竖屏 -->
       <meta name="screen-orientation" content="portrait">
       <!-- QQ强制竖屏 -->
       <meta name="x5-orientation" content="portrait">
       <!-- UC强制全屏 -->
       <meta name="full-screen" content="yes">
       <!-- QQ强制全屏 -->
       <meta name="x5-fullscreen" content="true">
       <!-- UC应用模式 -->
       <meta name="browsermode" content="application">
       <!-- QQ应用模式 -->
       <meta name="x5-page-mode" content="app">
       <!-- windows phone 点击无高光 -->
       <meta name="msapplication-tap-highlight" content="no">
       <!-- 适应移动端end -->
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="viewport" content="width=device-width,initial-scale=1,maximum-   scale=1,user-scalable=no">
       <meta name="format-detection" content="telephone=no">
       <meta name="renderer" content="webkit">
       <meta http-equiv="Cache-Control" content="no-siteapp">
        <link rel="stylesheet" href="${path }/websites/demophone/font-awesome/css/font-awesome.css" media="screen" title="no title">
        <link rel="stylesheet" href="${path }/websites/demophone/plugin/AmazeUI-2.7.2/assets/css/amazeui.min.css">
         <link rel="stylesheet" href="${path }/websites/demophone/plugin/iconfont/iconfont.css">
       <link rel="stylesheet" href="${path }/websites/demophone/css/base.css" media="screen" title="no title">
       <link rel="stylesheet" href="${path }/websites/demophone/css/public.css">
       <script src="${path }/websites/demophone/js/TouchSlide.1.1.js" type="text/javascript"></script>
       <script src="${path }/websites/demophone/plugin/jquery/jquery-3.1.1.js"></script>
       <script src="${path }/websites/demophone/js/index.js" type="text/javascript"></script>
       <cms:setting companyId="${companyId }" var="title" code="title"></cms:setting>
			<title data-index="0" id="selextTitle">${title.paramValue }</title>
       </head>
 <body>
 <div class="body_container">
             
              <jsp:include page="_top2.jsp"></jsp:include>
          
          <div class="banner">
            <div id="focus" class="focus">
                <div class="hd">
                    <ul></ul>
                </div>
                 <cms:ad  companyId="${companyId}" var="syb" code="syBanner" ></cms:ad>
                <div class="bd">
                    <ul>
                    <c:forEach items="${syb}" var="item" varStatus="count">
                            <li><a href="#"><img src="${item.adImg}"  alt="" /></a></li>
                   </c:forEach>
                    </ul>
                </div>
            </div>
           
           </div>
           <cms:ad  companyId="${companyId}" var="wmd" code="wmdfw"></cms:ad>
             <div class="con-title">
                 <div class="con-bg"></div>
                 <c:if test="${wmd.size() >0}">
                 <div class="text-content">${wmd[0].colName }</div>
                 </c:if>
             </div>
          <section class="service">
              <div class="row">
              <c:forEach var="item" items="${wmd }">
				<div class="col" >
                <img src="${item.adImg }" alt="" />
                   <p >${item.adTitle }</p>
                   <span>${item.adInfo1 }</span>
                </div>
				</c:forEach>
              </div>
          </section>
          <cms:ad  companyId="${companyId}" var="jjfa" code="jjfa"></cms:ad>
            <div class="con-title">
                 <div class="con-bg"></div>
                 <div class="text-content">
                  <c:if test="${jjfa.size() >0}">
                 ${jjfa[0].adTitle }</c:if>
                 </div>
             </div>
             <section class="design">
         	  <div class="row">
              <c:forEach var="item" items="${jjfa }" varStatus="s">
              <c:if test="${s.index <3}">
                <div class="col col-33">
                        <img src="${item.adImg }" alt="" />
                </div>
              </c:if>
              </c:forEach>
              </div>
               <div class="row">
              <c:forEach var="item" items="${jjfa }" varStatus="s">
              <c:if test="${s.index >2}">
                <div class="col col-33">
                        <img src="${item.adImg }" alt="" />
                </div>
              </c:if>
              </c:forEach>
              </div>
  
          </section>
          <cms:ad  companyId="${companyId}" var="wmd" code="wmdys"></cms:ad>
          <section class="our-goodness">
              <div class="con-title">
                 <div class="con-bg"></div>
                 <div class="text-content"><c:if test="${wmd.size() >0}">
             ${wmd[0].colName}</c:if></div>
             </div>
              <div class="row">
              <c:forEach var="item" items="${wmd }">
                <div class="col">
                 <div class="icon">
                     <img src="${item.adImg}" alt="" />
                 </div> 
                 <span>${item.adInfo2}</span>
                 </div>
               </c:forEach> 
              </div>
          </section>
          <div class="banner-info-txt">
          <cms:ad companyId="${companyId }" var="ban" code="banner3" multi="false"></cms:ad>
            <img src="${ban.adImg}" alt="" />
             <p><span class="wow  flash">${ban.adInfo1}${ban.adTitle }</span></p>
            <%-- <p class="wow animated flash">${ban.adTitle }</p> --%>
          </div>
          <cms:ad companyId="${companyId }" var="jytd" code="jytd" ></cms:ad>
           <div class="con-title">
                 <div class="con-bg"></div>
                 <div class="text-content">精英团队</div>
             </div>
             <section>
                <div class="container list-img-bg">
             <div class="row">
             <c:forEach var="item" items="${jytd }">
                <div class="col">
                  <img src="${item.adImg}" alt="" />
                  <div class="tu-txt ">
                    <span>${item.adTitle}</span>
                     <p>${item.adInfo1}</p>
                     <p class="sm">${item.adInfo2}</p>
                  </div>
                </div>
                </c:forEach>
             </div>
          </div>
             </section>
            <jsp:include page="_foot2.jsp"></jsp:include>
  
       <script type="text/javascript">
               
            </script>
 </body>
</html>